﻿<%@ Page Language="C#" MasterPageFile="~/YUIAspNet.Master" AutoEventWireup="true" CodeBehind="ContextMenu.aspx.cs" Inherits="YUIAspNetDemo.Menu.ContextMenu" Title="Untitled Page" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <title>YUIAsp.Net Controls : LiveDemo : Menu : Context Menu</title>
     <style type="text/css">
        .contextMenu {display: block; float:left; width:100%; height:150px; border:solid 1px #000000; background-color:#eaebec}
        .contextMenu .menuContainer {height:150px; width:100%}
    </style>
    
    <script type="text/javascript">
        function sayHello(sender, args) {
            alert("Hello");
        }
        
        function sayBye(sender, args) {
            alert("Goodbye!");
        }
    </script>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <h1>Context menu</h1>    
    <p>A context menu. Right-click inside the gray box.</p>
    <p>Please Note: Opera users will need to do the following to use this example:
        <ul>
            <li>Opera for Windows: Hold down the control key and click with the left mouse button.</li>
            <li>Opera for OS X: Hold down the command key and click with the left mouse button.</li>
        </ul>
    </p>
    <div style="width:90%" class="contextMenu">
         <yui:Menu ID="menu3" MenuType="Context" runat="server">
            <Items>
                <yui:MenuItem Text="Say hello" OnClientClick="sayHello" Value="1"></yui:MenuItem>
                <yui:MenuItem Text="Say goodbye" OnClientClick="sayBye" Value="2"></yui:MenuItem>
            </Items>
        </yui:Menu>
    </div>
</asp:Content>
